/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
    "./src/**/*.vue",
    "./src/**/*.js",
    "./src/**/*.ts",
  ],
  theme: {
    extend: {
      colors: {
        primary: '#03a87c',
        primaryLight: 'var(--theme-primary-light)',
        background:'var(--theme-background)',
        text: 'var(--theme-text)',
        textLight: 'var(--theme-text-light)',
        textDark: 'var(--theme-text-dark)',
        comparison:'var(--theme-comparison)',
        secondary: 'var(--theme-secondary)',
        error: '#e74c3c',
        errorLight: 'var(--theme-error-light)',
        borderColor: 'var(--theme-borderColor)',
        projectBorder: 'var(--theme-projectBorder)',
        writingsBorder: 'var(--theme-writingsBorder)',
        notificationRed: 'var(--theme-notificationRed)',
        systemAidBorder: 'var(--theme-systemAidBorder)',
        statusDraft: 'var(--theme-statusDraft)',
        statusInProgress: 'var(--theme-statusInProgress)',
        statusReview: 'var(--theme-statusReview)',
        statusCompleted: 'var(--theme-statusCompleted)',
        statusInProgressText: 'var(--theme-statusInProgressText)',
        statusReviewText: 'var(--theme-statusReviewText)',
        statusCompletedText: 'var(--theme-statusCompletedText)',
        riskLow: 'var(--riskLow)',
        riskMedium: 'var(--riskMedium)',
        riskHigh: 'var(--riskHigh)'
      },
    },
  },
  plugins: [],
}